.index_swiper{
  swiper{
    width: 750rpx;
    height: 340rpx;
    image{
      width: 100%;
    }
  }
}

.index_cate{
  /* display: flex; 表示是伸缩盒子 */
  display: flex; 
  navigator{
    padding: 20rpx;
    /* flex: 1; 表示是伸缩的宽度为1 */
    flex: 1;
    image{
      width: 100%;
    }
  }
}

.index_floor{
  
  .floor_group{
    .floor_title{
      padding: 10rpx 0;
      image{
        width: 100%;
      }
    }
    .floor_list{
      /* 清除浮动 */
      overflow: hidden;
      navigator{
        float: left;
        /* 每个图片的宽度占屏幕宽度的1/3，也就是33.33%，也就是33.33vw */
        width: 33.33%;

      /* 后四个超链接 */ 
      &:nth-last-child(-n+4){
      /* 原图的宽高 232 *386 */
      /* 
        232 / 386 = 33.33vw / height
        第一张图片的高度 height:33.33vw * 386 /  232
        后四个图片高度为： height/2
      */
      height: calc(33.33vw * 386 / 232 / 2);

      border-left: 10rpx solid #fff;
      }

      /* 2 3 两个超链接 */
      &:nth-child(2),
      &:nth-child(3){
        border-bottom: 10rpx solid #fff;
      }
        image{
          /* 因为后四个图片不等比缩放，scaleToFill，所以要设置高100%、宽100% */
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}